<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta>
  <link rel="icon" href="./header.png">
  <title>加载动画</title>
  <style>
    h1{
      text-align: center;
      color: blueviolet;
    }
    body{
      background-color: #eafdff;
    }
    a{
      text-decoration: none;
      color: #4444cc;
      font-size: 20px;
    }
    ol {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
    }
    li {
      flex: 1 0 25%;
      padding-right: 6em;
      margin-bottom: 10px;
    }
  </style>
</head>
<body>
  <div style="width: 100%;">
    <h1>加载动画</h1>
  </div>
  <ol>
    <li><a href="./3D文字跳跃动画/index.html" target="_blank">3D文字跳跃动画</a></li>
    <li><a href="./3D旋转动画效果/index.html" target="_blank">3D旋转动画效果</a></li>
    <li><a href="./边框线条动画/index.html" target="_blank">边框线条动画</a></li>
    <li><a href="./3D旋转方块加载动画效果/index.html" target="_blank">3D旋转方块加载动画效果</a></li>
    <li><a href="./彩虹加载页面动画/index.html" target="_blank">彩虹加载页面动画</a></li>
    <li><a href="./短线加载效果/index.html" target="_blank">短线加载效果</a></li>
    <li><a href="./发光渐变加载环效果/index.html" target="_blank">发光渐变加载环效果</a></li>
    <li><a href="./光加载环动画效果/index.html" target="_blank">光加载环动画效果</a></li>
    <li><a href="./加载带有更改背景颜色的进度条/index.html" target="_blank">加载带有更改背景颜色的进度条</a></li>
    <li><a href="./加载文本动画/index.html" target="_blank">加载文本动画</a></li>
    <li><a href="./雷达扫描动画/index.html" target="_blank">雷达扫描动画</a></li>
    <li><a href="./流体加载效果/index.html" target="_blank">流体加载效果</a></li>
    <li><a href="./毛玻璃效果/index.html" target="_blank">毛玻璃效果</a></li>
    <li><a href="./攀爬效果/index.html" target="_blank">攀爬效果</a></li>
    <li><a href="./闪烁文字霓虹灯效果/index.html" target="_blank">闪烁文字霓虹灯效果</a></li>
    <li><a href="./闪烁文字效果/index.html" target="_blank">闪烁文字效果</a></li>
    <li><a href="./蛇形表框加载效果/index.html" target="_blank">蛇形表框加载效果</a></li>
    <li><a href="./双重加载环动画/index.html" target="_blank">双重加载环动画</a></li>
    <li><a href="./跳动小球/index.html" target="_blank">跳动小球</a></li>
    <li><a href="./拖影效果/index.html" target="_blank">拖影效果</a></li>
    <li><a href="./文本填充效果/index.html" target="_blank">文本填充效果</a></li>
    <li><a href="./虚态动画/index.html" target="_blank">虚态动画</a></li>
    <li><a href="./旋转变色效果/index.html" target="_blank">旋转变色效果</a></li>
    <li><a href="./装满水的杯子/index.html" target="_blank">装满水的杯子</a></li>
    <li><a href="./SVG弹性线动画效果/index.html" target="_blank">SVG弹性线动画效果</a></li>
  </ol>
</body>
</html>